<template>
  <div class="content-container" style="position: relative;">
    <div class="panel">
      <img class="system-logo-icon" src="@/assets/logo.png"></img>
      <div class="menu" style="margin-left: 100px" @click="$router.push({path:'/course-list'})">
        <img class="icon" src="@/assets/icon-px.png"/>
        <div class="title">培训课程</div>
      </div>
      <div class="menu" style="margin-left: 100px;background-color: rgba(244,131,121,1)" @click="$router.push({path:'/school-list'})">
        <img class="icon" src="@/assets/pxxx.png"/>
        <div class="title">培训学校</div>
      </div>
    </div>
  </div>
</template>
<script>


import ReturnBtn from "@/views/components/ReturnBtn.vue";

export default {
  name:"skills-training",
  components:{
    ReturnBtn
  },
  data(){
    return {
    }
  }
}
</script>

<style lang="scss" scoped>
.panel{

  width: 100%;
  height: 100%;
  position: relative;
  .menu{
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.5);
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    margin-top: 260px;
    display: inline-block;
    border-radius: 16px;
    height:300px;
    width: 300px;
    background-color: rgba(252,192,0,1);
    .title{
      height: 100px;
      line-height: 100px;
      font-size: 40px;
      color: white;
    }
    .icon{
      display: block;
      width: 100px;
      height: 100px;
      margin: 60px auto 0 auto;
    }
  }
}
</style>
